import React, { Component } from "react";

class Header extends Component {
  // props的默认值的写法
  // 对于类组件来说，可以使用static或者给组件挂载defaultProps的方式添加
  // 对于函数组件来说，就只能通过组件挂载defaultProps的方式

  // static表示类的私有方法或者属性(固定写法)
  // static defaultProps = {
  //   count: 100,
  // };
  render() {
    return <header>头部组件 - {this.props.count}</header>;
  }
}
// 类里面的私有属性，等同于在这个类上面去挂载一个属性
Header.defaultProps = {
  count: 100,
};

const Main = (props) => {
  return <main>内容组件 - {props.name}</main>;
};
Main.defaultProps = {
  name: "lisi",
};

class App extends Component {
  state = {
    count: 10,
  };
  render() {
    return (
      <>
        <h2>props的默认值</h2>
        <Header count={this.state.count} />
        <Main />
      </>
    );
  }
}

export default App;
